<template>
	<view class="MainBox">
		<view class="ContentBox">
			<view class="Title">
				遇事不慌
			</view>
			<view class="Title" style="margin-bottom: 20px;">
				生活难题一键求助
			</view>
			
			<view class="secondTitle">当农村与家里的高龄老人，和忙碌的子女渐渐疏远；</view>
			<view class="secondTitle">当他们面对茫然不知该如何操作——「暖伴」在这里</view>
			<view class="line"></view>
		</view>
		<view class="ImgBox">
			<image class="help" src="../../static/images/loadingPage/help.png"></image>
			<image @click="goToNextPage" class="next" src="../../static/images/loadingPage/next.png"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goToNextPage() {
			    uni.navigateTo({
			        url: '/pages/loadingPage3/loadingPage3' // 替换为你目标页面的实际路径
			    });
			}
		}
	}
</script>

<style>
	.MainBox{
		width: 100vw;
		height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.ContentBox{
		width: 100vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 80px;
		font-family: fangsong;
	}
	.Title{
		font-size: 25px;
		width: 75vw;
		text-align: center;
		line-height: 45px;
	}
	.secondTitle{
		font-size: 14px;
		font-weight: 500;
		margin-top: 10px;
		line-height: 25px;
		color: darkgray;
	}
	.line{
		background-color: #D48145;
		width:100px;
		height: 5px;
		margin-top: 20px;
	}
	.ImgBox{
		background:linear-gradient(#F6F7E5,#F8E3B8);
		width: 80vw;
		height: 400px;
		position: absolute;
		bottom: 0px;
		border-radius: 100px 100px 0px 0px;
	}
	.help{
		position: absolute;
		width: 300px;
		height: 300px;
		bottom: 150px;
		left: 15px;
	}
	.next{
		position: absolute;
		left: 100px;
		width: 110px;
		height: 100px;
		bottom: 10px;
	}
</style>
